.control_loading{
  width: 100vw;
  height: 80vh;

}
        .loading_object {
          position: relative;
          width: 50px;
          perspective: 200px;
          top:50%;
          left: 50%;
          transform: translate(-50%,-50%);
          background-color: #6eb79e;
        }
        
        .loading_object:before,
        .loading_object:after {
          position: absolute;
          width: 20px;
          height: 20px;
          content: "";
          animation: jumping 0.5s infinite alternate;
          background: rgba(0, 0, 0, #6eb79e);
          background-color: #6eb79e;
        }
        
        .loading_object:before {
          left: 0;
          background-color: #6eb79e;
        }
        
        .loading_object:after {
          right: 0;
          animation-delay: 0.15s;
          background-color: #6eb79e;
        }
        
        @keyframes jumping {
          0% {
            transform: scale(1) translateY(0px) rotateX(0deg);
            box-shadow: 0 0 0  #a2ebd1;
          }
        
          100% {
            transform: scale(1.2) translateY(-25px) rotateX(45deg);
            background: #92f3d1;
            box-shadow: 0 25px 40px #32705a;
          }
        }
      